<template>
	<view class="wp">
		<view class="pay_mass">
			<view class="item">
				<view class="p">
					<view class="span">户名：</view>
					<text>萧骏</text>
				</view>
				<view class="p">
					<view class="span">开户行：</view>
					<text>民生银行漕河泾支行</text>
				</view>
				<view class="p">
					<view class="span">账号：</view>
					<text>6226220222474875</text>
					<view class="em" @click="CopyTxt('6226220222474875')">复制</view>
				</view>
			</view>
			<view class="item">
				<view class="p">
					<view class="span">户名：</view>
					<text>萧骏</text>
				</view>
				<view class="p">
					<view class="span">开户行：</view>
					<text>中国邮政储蓄银行上海徐汇区田林新村营业所</text>
				</view>
				<view class="p">
					<view class="span">账号：</view>
					<text>6217972900027692150</text>
					<view class="em" @click="CopyTxt('6217972900027692150')">复制</view>
				</view>
			</view>
			<view class="item">
				<view class="p">
					<view class="span">户名：</view>
					<text>萧骏</text>
				</view>
				<view class="p">
					<view class="span">开户行：</view>
					<text>中国银行上海市顾戴路支行</text>
				</view>
				<view class="p">
					<view class="span">账号：</view>
					<text>4563510800020985619</text>
					<view class="em" @click="CopyTxt('4563510800020985619')">复制</view>
				</view>
			</view>
			<view class="item">
				<view class="p">
					<view class="span">公司名称：</view>
					<text>上海兆雄投资管理有限公司</text>
				</view>
				<view class="p">
					<view class="span">开户行：</view>
					<text>浙江泰隆商业银行上海浦东支行</text>
				</view>
				<view class="p">
					<view class="span">账号：</view>
					<text>310104197807134815</text>
					<view class="em" @click="CopyTxt('310104197807134815')">复制</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		onLoad() {
			let that = this;
		},
		methods: {
			CopyTxt: function(txt) {
				uni.setClipboardData({
					data: txt,
					success: function() {
						uni.showToast({
							title: '复制成功',
							icon: 'success',
							duration: 2000
						});
					}
				});
			},
		}
	}
</script>

<style scoped>
	.item {
		background-color: #fff;
		margin-bottom: 20rpx;
		border-radius: 8px;
		overflow: hidden;
		padding: 30rpx 26rpx;
	}

	.item .p {
		padding-left: 160rpx;
		position: relative;
		margin: 16rpx 0;
	}

	.item .span {
		position: absolute;
		left: 0;
		top: 0;
		font-size: 26rpx;
		color: #999;
	}

	.item text {
		display: inline-block;
		font-size: 26rpx;
		color: #333;
	}

	.item .em {
		display: inline-block;
		font-size: 26rpx;
		color: #333;
		border: 1px solid #cecece;
		padding: 6rpx 20rpx;
		border-radius: 50px;
		margin-left: 20rpx;

	}
</style>